<template>
  <ul>
    <li v-for="(item, index) in list" :key="index">
      <!-- <span v-if="!render">{{ item.name }}</span> -->
     <!-- <render-dom v-else :render-func="render" :name="item.name"></render-dom> -->
     <slot :number="item.number"></slot>
    </li>
  </ul>
</template>
<script>
import renderDom from '_c/render-dom'
export default {
  name: 'list',
  components:{
    renderDom
  },
  props:{
    list: {
      type:Array,
      default:() =>[{name:'xs'},{name:'ls'}]
    },
    render: {
      type: Function,
      default: () =>{}
    }
  }
}
</script>

